2-1. ディレクトリ構造

次に示すディレクトリ構造が基本構成です。ファイル分散やデータの重複を防ぎ管理を容易にするために、各ファイルは「assets」内で一元管理するように設計しています。

javaScript/css/画像の取り扱いに関しては後述の内容で詳細を説明します。

基本構成

├── concat
│   ├── lib
│   │   └── jquery.js
│   ├── plugin
│   │   └── plugin.js
│   └── scratch
│       └── main.js
├── dist
│   ├── assets
│   │   ├── css
│   │   │   └── style.css
│   │   ├── font
│   │   ├── imgs
│   │   │   └── underlayer
│   │   └── js
│   │       └── lib
│   ├── index.html
│   └── underlayer
│       └── index.html
├── ejs
│   ├── index.ejs
│   └── underlayer
│       └── index.ejs
├── node_modules
└── sass
    ├── _foundation.scss
    ├── _layout.scss
    ├── _mixin.scss
    ├── _setting.scss
    ├── _utility.scss
    ├── component
    │   ├── _button.scss
    │   ├── _form.scss
    │   ├── _table.scss
    │   └── ...etc
    ├── lib
    │   └── _plugin.scss
    ├── project
    │   ├── _top.scss
    │   └── _underlayer.scss
    └── style.scss